<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  <title>一网科技</title>
  <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
  <style type="text/css">
    .info-title {
      color: white;
      font-size: 14px;
      background-color: #f00;
      line-height: 26px;
      padding: 0px 0 0 6px;
      letter-spacing: 1px;
      font-family: '微软雅黑';
    }

    .info-content {
      font: 12px '微软雅黑', Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', Arial;
      padding: 4px;
      color: #666666;
      line-height: 23px;
    }

    .info-content img {
      float: left;
      margin: 3px;
      width: 70px;
    }

  </style> 
  <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.6&key=9954c9c786c24cbb3d1584ac0f2d7b22&plugin=AMap.AdvancedInfoWindow,AMap.Scale,AMap.OverView,AMap.ToolBar"></script>
  <!-- <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script> -->
</head>

<body>
  <div id="container"></div>
  <script type="text/javascript">
    var lnglat = [114.446757,34.503009]
    var map = new AMap.Map('container', {
      resizeEnable: true,
      center: lnglat,
      zoom: 16
    });
    var marker = new AMap.Marker({
      position: lnglat,
      // icon: new AMap.Icon({            
      //       size: new AMap.Size(40, 50),  //图标大小
      //       image: "http://webapi.amap.com/theme/v1.3/markers/n/mark_rs.png",
      //       imageOffset: new AMap.Pixel(0, -60)
      //   })
    });
    marker.setMap(map);

    var content = '<div class="info-title">{{site.name}}</div><div class="info-content">' +
      '<img src="./static/images/favicon.ico">' +
      '郑州市长春路冬青街交叉口电子商务产业园9号1001室<br/>zzzzz@126.com <br>{{site.tel}}' +
      ' </div>';
    var infowindow1 = new AMap.AdvancedInfoWindow({
      content: content,
      offset: new AMap.Pixel(0, -30)
    });
    infowindow1.open(map, lnglat)
    marker.on('click', function (e) {
      marker.markOnAMAP({
        name: '{{site.name}}',
        position: marker.getPosition()
      })
    })
    var toolBar = new AMap.ToolBar({
      visible: true
    })
    map.addControl(toolBar);
    // toolBar.showRuler();
    toolBar.hideRuler();
    //  toolBar.showDirection()
    // showToolBarDirection();
    // showToolBarRuler();
    // toolBar.hide();
  </script>
</body>

</html>
